<template>
   <div>
    <el-input style="width:200px;margin-bottom: 20px" v-model="input" placeholder="请输入内容"></el-input>
    <el-button type="warning" style="margin-left: 10px">查询</el-button>
    <el-button type="primary" style="margin-left: 10px">新增</el-button>
    <div>
        <el-table
        :data="tableData"
        border
        style="width: 100%">
        <el-table-column
        fixed
        prop="AdminID"
        label="ID"
        width="150">
        </el-table-column>
        <el-table-column
        prop="AdminName"
        label="姓名"
        width="120">
        </el-table-column>
        <el-table-column
        prop="AdminPWD"
        label="密码"
        width="200">
        </el-table-column>
        <el-table-column
        prop="AdminPhone"
        label="电话"
        width="240">
        </el-table-column>
        <el-table-column
        prop="AdminEmail"
        label="邮件"
        width="300">
        </el-table-column>
        <el-table-column
        prop="Zip"
        label=""
        width="120">
        </el-table-column>
        <el-table-column
        fixed="right"
        label="操作"
        width="100">
        <template slot-scope="scope">
            <el-button @click="handleClick(scope.row)" type="text" size="small">查看</el-button>
            <el-button type="text" size="small">编辑</el-button>
        </template>
        </el-table-column>
        </el-table>
    </div>
    <div style="margin-top:10px;" class="block">
    <el-pagination
      @size-change="handleSizeChange"
      @current-change="handleCurrentChange"
      :current-page="currentPage4"
      :page-sizes="[100, 200, 300, 400]"
      :page-size="100"
      layout="total, sizes, prev, pager, next, jumper"
      :total="400">
    </el-pagination>
  </div>
   </div>
  </template>
  
<script>
  export default {
    methods: {
      handleClick(row) {
        console.log(row);
      }
    },

    data() {
      return {
        input: '',
        tableData: [{
          AdminID: '',
          AdminName: '',
          AdminPWD: '',
          AdminPhone: '',
          AdminEmail: '',
        }
        ]
      }
    }
  }
</script>